<template>
	<div>
		<span>全选:</span>
		<input type="checkbox" v-model="pp"/>
		<button>反选</button>
		<ul>
			<li v-for=" (obj , index) in arr" :key="index">
				<input type="checkbox" v-model="obj.c"/>
				<span>{{obj.name}}</span>
			</li>
		</ul>
	</div>
</template>

<script>
	// 目标: 小选框 -> 全选
	export default {
		data() {
			return {
				arr: [{
						name: "猪八戒",
						c: false,
					},
					{
						name: "孙悟空",
						c: false,
					},
					{
						name: "唐僧",
						c: false,
					},
					{
						name: "白龙马",
						c: false,
					},
				],
			};
		},
		computed:{
			pp:{
				set(val){
                   this.arr.forEach(item =>item.c=val)
				},
				get(){
				return	this.arr.every(item => item.c)
				} 
			}
		}
	};
</script>

<style>
</style>
